<template>
  <div class="login">
    <div class="login_container">
      <LoginTitle></LoginTitle>
      <LoginForm></LoginForm>
    </div>
  </div>
</template>

<script>
import LoginForm from '../../components/login/LoginForm'
import LoginTitle from '../../components/login/LoginTitle'
export default {
  name: "Login",
  components:{LoginForm,LoginTitle}
}
</script>

<style scoped>
.login_container{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.login{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: auto;
  background: url("../../../public/logo.png") no-repeat center center;
  background-size: 100% 100%;
}

</style>